<script lang="ts" setup>
// import XtxCarousel from "@/components/carousel/index.vue"


import useStore from '@/store';
const { home } = useStore()
home.getBennerList()


</script>



<template>
  <div class="home-banner">
    <!-- 轮播图 -->
    <XtxCarousel 
    :slides="home.bannerList" 
    autoplay 
    :duration="3000"></XtxCarousel>
  </div>
</template>

<style scoped lang="less">
.home-banner {
  width: 1240px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 98;
  // background-color: pink;
}

//左箭头向右移动
  :deep(.carousel-btn.prev){
   left: 270px !important;
  }
  :deep(.carousel-indicator){
    padding-left: 290px;
  }
</style>

